import React, { useState, useEffect, useRef } from 'react'
import axios from 'axios'
import { useNavigate, Outlet } from 'react-router-dom'
import './order.css'
import { AntOutline } from 'antd-mobile-icons'
import { Badge, Space } from 'antd-mobile'
const List = (props) => {
    return (
        <div className='order-liao'>
            <div className="order-title">
                <div className="t1" onClick={() => { window.history.back() }}><svg t="1730286914624" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16962" width="200" height="200"><path d="M622.927311 789.137615c-6.503881 0-13.007763-2.16796-18.066337-7.226535l-231.249118-231.249118c-10.117149-10.117149-15.898377-23.847565-15.898377-39.023289 0-14.45307 5.781228-28.183486 15.898377-39.023288l231.971771-231.971772c10.117149-10.117149 26.015526-10.117149 35.410022 0 10.117149 10.117149 10.117149 26.015526 0 35.410021l-231.249118 231.971772c-0.722653 0.722653-1.445307 2.16796-1.445307 2.890614 0 0.722653 0 2.16796 1.445307 2.890614l231.249118 231.249118c10.117149 10.117149 10.117149 26.015526 0 35.410021-5.058574 5.781228-11.562456 8.671842-18.066338 8.671842z" fill="#2c2c2c" p-id="16963"></path></svg></div>
                <div className="t2"><span>订单消息</span></div>
                <div className="t3"></div>
            </div>
            <div className="order-time">
                <p>2024-11-18</p>
            </div>
            <div className="order-body">
                <div className="order-bo">
                    <span className='an1'>订单支付提醒</span>
                    <span className='an2'>故宫博物馆成人票,尚未完成支付,即将取消</span>
                </div>
                <div className="order-dy">
                    <span>订单-2336544654123132546</span>
                    <a>查看详细</a><svg t="1730352786334" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4274" width="200" height="200"><path d="M750.768 496.071l-431.027-438.278c-6.686-6.798-17.619-6.891-24.42-0.203-6.801 6.686-6.891 17.62-0.203 24.42l419.018 426.066-424.477 424.478c-6.743 6.743-6.743 17.678 0 24.421 3.372 3.372 7.792 5.058 12.211 5.058s8.84-1.687 12.211-5.058l436.584-436.584c6.705-6.705 6.75-17.56 0.102-24.32z" fill="#707070" p-id="4275"></path></svg>
                </div>
            </div>
           
        </div>
    )
}
export default List